<!--  -->
<template>
    <a-card style="width:100%" :tab-list="tabListNoTitle" :active-tab-key="titleKey"
        @tabChange="key => onTabChange(key)" :bordered="false" class="br-10">
        <div v-if="titleKey === 'global'">
            <GlobalConfig />
        </div>
        <div v-else-if="titleKey === 'mySite'">
            <MySite />
        </div>
    </a-card>
</template>

<script>
import GlobalConfig from './components/global'
import MySite from './components/mySite'
export default {
    components: {
        GlobalConfig,
        MySite
    },
    data() {
        return {
            tabListNoTitle: [
                {
                    key: 'mySite',
                    tab: '我的网站',
                },
                {
                    key: 'global',
                    tab: '全局配置',
                }
            ],
            titleKey: 'mySite',
        }
    },
    computed: {},
    watch: {},
    methods: {
        onTabChange(key) {
            this.titleKey = key;
        },
    },
    created() {

    },
    mounted() {

    },
}
</script>
<style scoped>
</style>